@import "./common.scss";
@import "./mixins.scss";
@import '@/assets/iconfont/iconfont.css';

// ============================ 业务相关全局样式 ============================

@mixin reset {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

page {
  background-color: #fff;
  width: 100%;
  min-height: 100vh;
  @include reset();
}

view, button, input, textarea {
  font-family: "Arial", "Helvetica Neue", "Helvetica", "sans-serif";
  @include reset();
}

image, input, textarea, picker {
  display: block;
  width: 100%;
  @include reset();
}

input::after, input::before, button::after, button::before {
  border: none;
  @include reset();
}

// h5默认是100vh,即使页面没有内容也会滚动，这里取消这个设定
// 注意：scss 条件编译必须以 css 注释为标准才能条件编译
/* #ifdef H5 */
uni-page-body{ min-height: auto !important; }
/* #endif */

// 上下左右 内外边距，10、20、30、40、50
@for $index from 1 through 5 {
  .mgl_#{$index}0 {
    margin-left: 10rpx * $index;
  }
  .mgr_#{$index}0 {
    margin-right: 10rpx * $index;
  }
  .mgt_#{$index}0 {
    margin-top: 10rpx * $index;
  }
  .mgb_#{$index}0 {
    margin-bottom: 10rpx * $index;
  }

  .pdl_#{$index}0 {
    padding-left: 10rpx * $index;
  }
  .pdr_#{$index}0 {
    padding-right: 10rpx * $index;
  }
  .pdt_#{$index}0 {
    padding-top: 10rpx * $index;
  }
  .pdb_#{$index}0 {
    padding-bottom: 10rpx * $index;
  }
}

.button {
  @include button();
}

.button-blue {
  background-color: #1890FF;
  color: #fff;
}

.button-green {
  background-color: #13ce66;
  color: #fff;
}

.button-red {
  background-color: #ff4949;
  color: #fff;
}

.card { 
  border-radius: 2rpx; 
  box-shadow: 0rpx 1rpx 5rpx 0rpx rgba(0, 0, 0, 0.2), 0rpx 2rpx 2rpx 0rpx rgba(0, 0, 0, 0.14), 0rpx 3rpx 1rpx -2rpx rgba(0, 0, 0, 0.12); 
  background-color: #fff;
  overflow: hidden;
}

.line {
  width: 100%;
  padding-top: 40rpx;
  margin-bottom: 40rpx;
  border-bottom: solid 1rpx #eee;
}

// 报告遮罩层
.has-masking {
  height: 100vh;
  position: relative;
  overflow: hidden;
  &::before{
    display: block;
    background: linear-gradient(0deg, #ffffff 0%, rgba(#fff,0.1) 100%);
    content:'';
    position: absolute;
    bottom: 0;
    height: 345rpx;
    left: 0;
    right: 0;
    z-index: 10;
  }
  .to-login-box {
    width: 100%;
    position: fixed;
    bottom: 60rpx;
    left: 0;
    z-index: 1000;
  }
  .to-login {
    width: 433rpx;
    height: 78rpx;
    line-height: 1;
    border-radius: 8rpx;
    opacity: 1;
    background: #2b87ff;
    color: #ffffff;
    font-size: 30rpx;
    font-weight: 600;  
  }
}


// 报告底部提示文案
.all-report-bottom {
  color: #687492;
  font-size: 24rpx;
  text-align: justify;
  line-height: 36rpx;
  padding:40rpx 28rpx;
}

// 底部悬浮按钮安全距离样式
.fix-bottom-safe {
  @supports (bottom: constant(safe-area-inset-bottom)) or (bottom: env(safe-area-inset-bottom)) {
    /* 如果浏览器支持安全区域底部距离，
    则可以为需要吸底的元素单独规定样式
  */
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom);
  }
}

//添加的动画css
.wrapper-box.expanded .expandMaxClass{
  animation-name: expandMaxHeightAc !important;
}
.wrapper-box .collapseMaxClass{
  animation-name: collapseMaxHeightAc !important;
}
@keyframes expandMaxHeightAc {
  0% {
    max-height: 160rpx;
  }

  100% {
    max-height: 100vh;
  }
}
@keyframes collapseMaxHeightAc {
  0% {
    max-height: 100vh;
  }

  100% {
    max-height: 160rpx;
    
  }
}
.format-content-box{
  word-break: break-all;
  img,table,td,tr{
    max-width: 100% !important;
  }
  img{
    height: auto !important;
  }
}
.relative-loading,.loading-parent--relative{
  position: relative;
}